*{margin: 0 auto;padding: 0 auto;list-style: none;}
a{text-decoration: none;}
body{font: normal 12px/1.5 'Microsoft Yahei',Helvetica,arial,sans-serif;margin-bottom: 100px;}
//网站上部开始
header{
    //  顶部区域开始
//灰条区域
    #top_bar{
        height: 34px;width:100%;background:#fafafa ;line-height: 34px;
        color: @color;border-bottom: 1px solid #fafafa;@color:#9a9a9a;
        .top_center{
            width: 1200px;line-height: 34px;height: 34px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
            .top_site a{padding-left: 15px;color: @color;}
            .top_user{
                margin-left: 20px;padding-left: 20px;
                a{color: @color;}
            }
            .top_nav a{color: @color;}
        }
    }
    //  头部栏开始
    #head_bar{
        width: 100%;height: 90px;position: relative;background: #f1f1f1;padding-top: 30px;
        .h_center{
            width: 1200px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
//          logo
            .headbar_logo{
                position: relative;
                img{width: 220;height: 50px;}
            }
            .headbar_slogan{position: relative;margin-left: 20px;top: -5px;}
//          中间搜索
            .headbar_search{ 
                position: relative;margin-left: 30px;
                .search_box{
                    height: 40px;
                    .search_input{
                        width: 350px;height: 40px;line-height: 40px;margin-left: 3px;font-size: 14px;
                        padding: 0 15px ;border: none;
                    }
                    .search_btn{
                        display: block;width: 100px;height: 40px;line-height: 40px;text-align: center;
                        font-size: 16px;letter-spacing: 5px;color: #fff;background: #ea4234;
                    }
                }
                .search_words{
                        color: #919090;padding-top: 5px;a{color: #919090; &:hover{color: #EA4234;}}   
                }                                  
            }
//          购物车
            .buy_car_box{
                position: relative;
                .my_car{
                    cursor: pointer;width: 96px;height: 38px;line-height: 38px;
                    border: 1px solid #e0e0e0;background: red;position: relative;
                    background-image: url(../img/buycar.png);
                    background-repeat: no-repeat;background-color: #fbfbfb;background-position: 14px 10px;
                    padding-left: 44px;font-size: 16px;color: #565656;
    //               
                .silder{
                    width: 8px;height: 20px;line-height: 20px;color: #fff;position: absolute;
                    top: -11px;left: 40px;padding-left: 7px;
                    background: url(../img/dxt_left_bg1.png) no-repeat;
                    b{
                        position: absolute;left: 8px;top: 0;height: 19px;
                        background: url(../img/dxt_right_bg2.png) no-repeat right top;
                        padding-right: 7px;
                    }
                }
            }
                .car_empty{
                    text-align: center;position: absolute;top: 38px;left: -169px;width: 309px;
                     height: 86px;line-height: 86px;background: #fff;border: 1px solid #e0e0e0;
                    display: none;z-index: 10;
                    }
                    &:hover .car_empty{display: block;}
                .car_cont{
                    display: none;background: #fff;width: 309px;position: absolute;top: 38px;
                    left: -169px;border: 1px solid #e0e0e0;z-index: 99;
                    }    
            }
            
            
        }
    } 
//头部栏结束
//导航条开始
    #nav_bar{
        background: #2c2c2c;height: 45px;line-height: 45px;font-size: 18px;position: relative;
        .nav_center{
            width: 1200px;overflow: hidden;
            .navbar_list{
                overflow: hidden;padding: 0px;
            }
            .navbar_list .item{
                float: left;position: relative;cursor: pointer;
                .link{color: white;padding: 0px 20px;}
            }
            .navbar_list .on{background:#ea4234;}
            .navbar_list .all{
                background: #504f4f;
                &:hover .nav_list{display: block;}
                //           左侧菜单
                .nav_list{
                    display: none;border: 1px solid #ddd;z-index: 98;position: relative;
                    .bar{
                        background:white;
                        &:hover .nav_page{display: block}
                    }
                    padding: 0;
                    .bar .nav_title{
                    border-bottom: 1px solid #eee;height: 50px;line-height: 50px;padding-left: 45px;
                    font-size: 16px;cursor: pointer;
                        &:hover{
                            color: #fff;
                        }
                    }
                    .type1{
                        background: url(../img/icon19.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon001.png)no-repeat 15px center;}
                    }
                    .type2{
                        background: url(../img/icon009.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon002.png)no-repeat 15px center;}
                    }
                    .type3{
                        background: url(../img/icon010.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon003.png)no-repeat 15px center;}
                    }
                    .type4{
                        background: url(../img/icon012.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon005.png)no-repeat 15px center;}
                    }
                    .type5{
                        background: url(../img/icon013.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon006.png)no-repeat 15px center;}
                    }
                    .type6{
                        background: url(../img/icon014.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon007.png)no-repeat 15px center;}
                    }
                    .type7{
                        background: url(../img/icon015.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon008.png)no-repeat 15px center;}
                    }
//                  二级菜单隐藏页
                    .bar .nav_page{
                        border: 1px solid #ea4234;position: absolute;top:0px;left:147px;
                        width: 490px;height: 407px;background: #fff;display: none;z-index: 99;
                        overflow: hidden;
                        .nav_container{
                            position: relative;height: 100%;padding: 0px 15px;
                            .nav_name{
                                height: 50px;line-height: 50px;border-bottom: 1px solid #eee;
                                font-size: 16px;font-weight: bold;
                            }
                            .nav_type .item{
                                float: left;padding-top: 20px;width: 25%;font-size: 14px;
                                white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
                                a{color: #666;}
                            }
                            .nav_img{
                                position: absolute;left: 0px; bottom: 0px;width: 100%;z-index: 200;
                                opacity: 0.5;
                                &:hover{opacity: 1;}
                            }
                        }
                    }
                }
               
            }
        }
    }
//导航条结束
}
//中部主要部分
#car_title{
    width: 1200px;margin: 0 auto;margin-top: 20px;
    h2{
        width: 100px;height: 20px;background: url(../img/my_cart_title.png) no-repeat;
        margin-bottom: 15px;margin-left: 0;
    }
}
#main_car{
    margin-bottom: 50px;
    .main_car_center{
        width: 1200px;
        .buy_list{
            overflow: hidden;padding: 0;margin-top: 35px;
            li{
                position: relative; padding: 14px 0 14px 22px;border: 1px solid #ddd;background: #fff;
                margin-bottom: 20px;overflow: hidden;
                .good_img_box{
                    display: block;width: 174px;height: 157px;padding-top: 17px;background: #fff;
                    border: 1px solid #ddd;float: left;
                    img{width: 140px;height: 140px;}
                }
                .goods_info{
                    float: left;margin-left: 17px;overflow: hidden;
                    .goods_titbox{
                        margin-bottom: 6px;padding-top: 8px;overflow: hidden;width: 100%;
                        padding-bottom: 20px;border-bottom: 1px dashed #ddd;
                        .goods_titletext{
                            float: left;font-size: 14px;font-weight: 600;width: 900px;height: 14px;
                            line-height: 14px;
                        }
                    }
                    .goods_infobox1{
                        width: 500px;height: 125px;float: left;border-right: 1px dashed #ddd;
                        .cgoods_info1{
                            line-height:27px;
                            i{font-style: normal;}
                            span{margin-right: 30px;}
                        }
                        .cgoods_price{
                            margin-top: 20px;color: red;
                        }
                    }
                    .goods_buynum{
                        width: 160px;height: 75px;border-right: 1px dashed #ddd;padding-top: 50px;
                        padding-left: 40px;overflow: hidden;float: left;
                        .title{
                            float: left;height: 23px;line-height: 23px;
                        }
                        .buy_counter{
                            float: left;border: 1px solid #ddd;line-height: 23px;text-align: center;
                            background: #fff;overflow: hidden;
                            .btn{
                                float: left;display: block;width: 20px;height: 23px;font-size: 20px;
                                &:hover{color: red;}
                            }
                            input{
                                float: left;width: 38px;height: 23px;text-align: center;
                            }
                        }
                    }
                    .goods_infobox2{
                        width: 155px;height: 70px;text-align: center;float: left;padding-top: 55px;
                        .goods_sum{
                            color: #666;line-height: 12px;padding-left: 30px;
                            span{
                                color: red;font-weight: bold;font-size: 15px;
                                i{font-style: normal;}                               
                            }
                        }
                    }
                }   
            }
        }
        .buy_tips{
            border: 1px solid #ddd;background: #f2f2f2;font-size: 14px;height: 43px;line-height: 43px;
            padding: 0px 20px;position: relative;
            .num{color: red;}
            .btn{display: block;float: right;color: red;}
        }
        .settlement{
            border: 1px solid #ddd;background: #fff;height: 60px;padding-left: 20px;width: 1178px;
            .settle_box{
                overflow: hidden;float: right;
                .buy_price{
                    float: left;padding-right: 20px;text-align: right;
                    i{font-style: normal;color: red;font-size: 20px;font-weight: bold;}
                    .num{color: red;font-weight: bold;}
                    .item{padding-left: 20px;}
                    .set_info{margin-top: 5px;}
                }
                .buy_btn1{
                    width: 120px;height: 60px;line-height: 60px;text-align: center;color: #fff;
                    font-size: 20px; background: #ea4234;float: left;
                }
            }
        }
    }
}
///<!--底部区域-->
#foot_box{
    width: 100%;min-width: 1210px;margin: 0 auto;height: 150px;background: #999999;
    .foot_center{
        width: 1210px;margin: 0 auto;overflow: hidden;position: relative;color: white;
        .friend{
                margin-top: 25px;margin-bottom: 14px;height: 12px;
                dt{color: white;margin-bottom: 10px;float: left;margin-right: 10px;}
                .fl{
                    float: left;border-right: 1px solid white;padding-left: 10px;padding-right: 10px;
                    a{
                        color: white;
                    }
                }
        }
        p{margin-top: 10px;text-align: left;}
    }
}
//<!--底部区域-->
